﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Tourist/TouristMasterpage.master"
    AutoEventWireup="true" CodeFile="Tourist.aspx.cs" Inherits="Tourist_Tourist" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
<div class="drop-shadow lifted" style="width: 700px;margin-bottom:5px;float:left">
    <div id="sliderTour" class="nivoSlider" style="z-index: 1000; height: auto">
        <img src="/Images/AlbumShow/image-2.jpg" alt="Ảnh minh họa" title=""
            width="700px" />
        <img src="/Images/AlbumShow/image-1.jpg" alt="Ảnh minh họa" title=""
            width="700px" />
            <img src="/Images/AlbumShow/image-3.jpg" alt="Ảnh minh họa" title=""
            width="700px" />
            <img src="/Images/AlbumShow/image-4.jpg" alt="Ảnh minh họa" title=""
            width="700px" />
    </div>
    <div class="clear">
    </div>
</div>
<div class="header" style="width: 250px;height:287px;margin-left: 3px;float:left;margin-top:3px">
    <span class="text">BẢN TIN DU LỊCH</span>
    <div class="content-IE" style="margin-left: -1px; padding-left: 6px; padding-right: 6px;width: 238px;height:262px; background-color: White;text-align:left">
                 <asp:Repeater ID="rptNew" runat="server">
                <ItemTemplate>
                   <p>
                   <a href="EventDetail.aspx?TextId=<%#Eval("TextId") %>" style="text-decoration:none"></p>
                       <div style="float:left;margin-right:3px"> <img src="<%#Eval("Image") %> " width="60px" height="40px" /> </div><%#Eval("Name")%></a>
                </ItemTemplate>
            </asp:Repeater>  
    </div>
    <div class="clear">
    </div>
</div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <script type="text/javascript">
        var auto_slide = 1;
        var hover_pause = 1;
        var key_slide = 1;
        var itemsShown = 3;
        var totalNumOfLi = 0;
        var moveInSets = true;
        var timer;
        var auto_slide_seconds = 3000;

        $(document).ready(function () {
            // --- get total number of items in the scroll panel first ---
            totalNumOfLi = $("#carousel_ul").children("li").length;

            if (totalNumOfLi > 6) {
                moveInSets = true;

                for (var i = 0; i < itemsShown; i++)
                    $('#carousel_ul li:first').before($('#carousel_ul li:last'));

                $("#carousel_ul").css('left', '-546px');

            } else
                $('#carousel_ul li:first').before($('#carousel_ul li:last'));


            // --- check if auto sliding is enabled ---
            if (auto_slide == 1) {
                timer = setInterval('slide("right")', auto_slide_seconds);
                $('#hidden_auto_slide_seconds').val(auto_slide_seconds);
            }

            // --- check if hover pause is enabled ---
            if (hover_pause == 1) {
                $('#carousel_ul').hover(function () {
                    clearInterval(timer); //stop the interval
                }, function () {
                    timer = setInterval('slide("right")', auto_slide_seconds);
                });

            }

            // --- check if key sliding is enabled ---
            if (key_slide == 1) {
                $(document).bind('keypress', function (e) {
                    //keyCode for left arrow is 37 and for right it's 39 '
                    if (e.keyCode == 37) {
                        //initialize the slide to left function
                        slide('left');
                    } else if (e.keyCode == 39) {
                        //initialize the slide to right function
                        slide('right');
                    }
                });
            }

        });

        function slide(where, fromClick) {
            // --- get the item width ---
            var item_width = $('#carousel_ul li').outerWidth() + 3;

            var slideDuration = 1000;

            if (!moveInSets)
                slideDuration = 500;

            // --- clear the timer for auto slide ---
            if (fromClick) {
                clearInterval(timer);

                if (auto_slide == 1)
                    timer = setInterval('slide("right")', auto_slide_seconds);

                slideDuration = 500;
            }

            var left_indent;

            if (where == 'left') {
                if (moveInSets)
                    left_indent = parseInt($('#carousel_ul').css('left')) + (item_width * itemsShown);
                else
                    left_indent = parseInt($('#carousel_ul').css('left')) + item_width;

            } else {
                if (moveInSets)
                    left_indent = parseInt($('#carousel_ul').css('left')) - (item_width * itemsShown);
                else
                    left_indent = parseInt($('#carousel_ul').css('left')) - item_width;
            }

            $('#carousel_ul:not(:animated)').animate({ 'left': left_indent }, slideDuration, function () {
                if (where == 'left') {
                    if (moveInSets) {
                        for (var i = 0; i < itemsShown; i++)
                            $('#carousel_ul li:first').before($('#carousel_ul li:last'));
                    } else
                        $('#carousel_ul li:first').before($('#carousel_ul li:last'));

                } else {
                    if (moveInSets) {
                        for (var i = 0; i < itemsShown; i++)
                            $('#carousel_ul li:last').after($('#carousel_ul li:first'));
                    } else
                        $('#carousel_ul li:last').after($('#carousel_ul li:first'));
                }

                if (moveInSets)
                    $('#carousel_ul').css({ 'left': '-546px' });
                else
                    $('#carousel_ul').css({ 'left': '-183px' });
            });
        }
    </script>   
    <div id="mainBannerBox" style="margin-top: 5px">
        <div id="leftColumn">
            <div id="itemsPanel">
                <div id="carousel_container">
                    <div id="left_scroll" class="carouselBtn">
                        <a href="javascript:void(0);" onclick="slide('left', true);"></a>
                    </div>
                    <div id="carousel_inner">
                        <ul style="left: -546px;" id="carousel_ul">
                            <asp:Repeater ID="rptTourHot" runat="server">
                                <ItemTemplate>
                                    <li class="attractionsHdr">
                                        <%--<span class="itemHdr">Attraction</span>--%>
                                        <a href="/chi-tiet-tour/<%#Eval("TextId") %>.html" onclick="s_objectID='hp_attractions-a';">
                                            <img src="<%#Eval("ImageTour") %>" width="260px" height="150px" /><br />
                                        </a>
                                        <h5 style="text-align: center; font-size: 16px; text-decoration: none">
                                            <a href="ListDetail.aspx?TourId=<%#UrlBuilder.GetTourListDetailUrl(Eval("Id").ToString()) %>"
                                                style="text-decoration: none" onclick="s_objectID='hp_attractions-b';">
                                                <%#Eval("Name") %></a></h5>
                                        <%-- <p>
                                    Experience the wild in a manner like no other.</p>
                                <a href="http://www.yoursingapore.com/content/traveller/en/browse/see-and-do/nature-and-wildlife/wildlife-parks-and-attractions/singapore-zoo.html"
                                    onclick="s_objectID='hp_attractions-c';" class="button arrowButton"><b>Prepare for an
                                        encounter</b></a>--%>
                                    </li>
                                    <div style="clear: none">
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <div id="right_scroll" class="carouselBtn">
                        <a href="javascript:void(0);" onclick="slide('right', true);"></a>
                    </div>
                    <input id="hidden_auto_slide_seconds" value="5000" type="hidden">
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix">
    </div>
    <br />
    <%---------------%>
    <div class="clear">
    </div>
    <div class="header" style="width: 556px; margin-left: -2px; text-align: left">
        <span class="text">TOUR TRONG NƯỚC</span>
        <div style="margin-left: -2px">
            <asp:Repeater ID="rpt" runat="server">
                <ItemTemplate>
                    <div class="content-box" style="float: left; margin-right: 2px; margin-left: 2px;
                        margin-top: 5px; text-align: center;height:210px">
                        <div style="font-size: 18px; font-weight: 200; margin-bottom: 1px; margin-top: -5px;
                            color: #330099">
                            <a href="/chi-tiet-tour/<%#Eval("TextId") %>.html" style="text-decoration:none"><%#Eval("Name") %></a></div>
                        <div style="font-size: 14px; color: #0000CC;">
                            (<%#Eval("Means") %>,
                            <%#Eval("TravelDay") %>)</div>
                        <%--<div style="font-size:14px;color:#FF0066"><%#Eval("TravelDay") %></div>--%>
                        <a href="/chi-tiet-tour/<%#Eval("TextId") %>.html"><img src="<%#Eval("ImageTour") %>" width="260px" height="150px" /></a><br />
                                              
                        <%-- <div style="float:inherit;font-size:14px;text-align:left;color:#FF0066"><%#Eval("Means") %></div>
                <div style="font-size:14px;text-align:right;color:#FF0066"><%#Eval("TravelDay") %></div>--%>
                       <%-- <div style="float: left; margin-right: 120px">
                            <a href="http://www.yoursingapore.com/content/traveller/en/browse/see-and-do/nature-and-wildlife/wildlife-parks-and-attractions/singapore-zoo.html"
                                class="animatedButton" onclick="return false;"><span class="animatedButtonText">Đặt
                                    Tour</span></a></div>
                        <div>
                            <a href="/chi-tiet-tour/<%#Eval("TextId") %>.html" class="animatedButton"><span class="animatedButtonText">
                                Chi tiết ...</span></a></div>--%>
                    </div>                    
                    <div style="clear: none">
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
        <div class="clear">
        </div>
    </div>
    <%---------------%>
    <div class="header" style="width: 556px; margin-left: -2px; text-align: left; margin-top: 5px">
        <span class="text">TOUR QUỐC TẾ</span>
        <div style="margin-left: -2px">
            <asp:Repeater ID="rptTourQuocTe" runat="server">
                <ItemTemplate>
                    <div class="content-box" style="float: left; margin-right: 2px; margin-left: 2px;
                        margin-top: 5px; text-align: center;height:210px">
                        <div style="font-size: 18px; font-weight: 200; margin-bottom: 1px; margin-top: -5px;
                            color: #330099">
                           <a href="/chi-tiet-tour/<%#Eval("TextId") %>.html" style="text-decoration:none"> <%#Eval("Name") %></a></div>
                        <div style="font-size: 14px; color: #0000CC;">
                            (<%#Eval("Means") %>,
                            <%#Eval("TravelDay") %>)</div>
                        <%--<div style="font-size:14px;color:#FF0066"><%#Eval("TravelDay") %></div>--%>
                        <a href="/chi-tiet-tour/<%#Eval("TextId") %>.html" style="text-decoration:none"><img src="<%#Eval("ImageTour") %>" width="260px" height="150px" /></a><br />
                        <%-- <div style="float:inherit;font-size:14px;text-align:left;color:#FF0066"><%#Eval("Means") %></div>
                <div style="font-size:14px;text-align:right;color:#FF0066"><%#Eval("TravelDay") %></div>--%>
                        <%--<div style="float: left; margin-right: 120px">
                            <a href="http://www.yoursingapore.com/content/traveller/en/browse/see-and-do/nature-and-wildlife/wildlife-parks-and-attractions/singapore-zoo.html"
                                class="animatedButton" onclick="return false;"><span class="animatedButtonText">Đặt
                                    Tour</span></a></div>
                        <div>
                            <a href="/chi-tiet-tour/<%#Eval("TextId") %>.html" class="animatedButton"><span class="animatedButtonText">
                                Chi tiết ...</span></a></div>--%>
                    </div>
                    <div style="clear: none">
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="header" style="width: 556px; margin-left: -2px; text-align: left; margin-top: 5px">
        <span class="text">TỔ CHỨC SỰ KIỆN</span>
        <div style="margin-left: -2px">
            <asp:Repeater ID="rptSukien" runat="server">
                <ItemTemplate>
                    <div class="content-box" style="float: left; margin-right: 2px; margin-left: 2px;
                        margin-top: 3px; text-align: center;height:200px">
                        <div style="font-size: 18px; font-weight: 200; margin-bottom: -11px; margin-top: -2px;
                            color: #330099">
                            <%#Eval("Name") %></div>
                        <a href="EventDetail.aspx?TextId=<%#Eval("TextId") %>" style="text-decoration:none"></p>
                        <div style="float:left"><img src="<%#Eval("Image") %>" width="260px" height="150px" /></div>
                        </a>
                       <br />                      
                    </div>
                    <div style="clear: none">
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="header" style="width: 556px; margin-left: -2px; text-align: left; margin-top: 5px">
        <span class="text">DỊCH VỤ</span>
        <div style="margin-left: -2px">
            <asp:Repeater ID="rptDichvu" runat="server">
                <ItemTemplate>
                    <div class="content-box" style="float: left; margin-right: 2px; margin-left: 2px;
                        margin-top: 3px; text-align: center;height:200px">
                        <a href="EventDetail.aspx?TextId=<%#Eval("TextId") %>" style="text-decoration:none"></p>
                        <div style="font-size: 18px; font-weight: 200; margin-bottom: 3px; margin-top: -18px;
                            color: #330099">
                            <%#Eval("Name") %></div>
                        <div style="float:left"><img src="<%#Eval("Image") %>" width="260px" height="150px" /></div>
                        </a>
                       <br />                      
                    </div>
                    <div style="clear: none">
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
        <div class="clear">
        </div>
    </div>
</asp:Content>
